<template>
    <div>
        <van-grid :column-num="3" square  >
            <van-grid-item v-for="(item,index) in gridArr" :key="index" :icon="item.icon" :text="item.txt" />
        </van-grid>
    </div>
</template>

<script>
export default {
    data () {
        return {
            gridArr: [
                        {icon: "label-o", txt: "我的订单"},
                        {icon: "bill-o", txt: "优惠券"},
                        {icon: "goods-collect-o", txt: "礼品卡"},
                        {icon: "location-o", txt: "我的收藏"},
                        {icon: "flag-o", txt: "我的足迹"},
                        {icon: "contact", txt: "会员福利"},
                        {icon: "aim", txt: "地址管理"},
                        {icon: "warn-o", txt: "账号安全"},
                        {icon: "service-o", txt: "联系客服"},
                        {icon: "question-o", txt: "帮助中心"},
                        {icon: "smile-comment-o", txt: "意见反馈"}
                    ]
        }
    }
}
</script>
 
<style lang = "less" scoped>
</style>